//该文件用于创建vuex中最核心的store

//引入vuex
import Vuex from 'vuex'

//引入vue
import Vue from 'vue'

//应用vuex
Vue.use(Vuex)

//准备vuex中的actions，用于响应组件中的动作
const actions = {
    // jia(context,value){
    //     console.log("count组件中调用了store中的actions中的jia",context,value)
    //     context.commit('JIA',value)
    // },
    // jian(context,value){
    //     console.log('count组件中调用了store中的actions中的jian');
    //     context.commit('JIAN',value)
    // },
    jiaOdd(context,value){
        console.log("count组件中调用了store中的actions中的jia",context,value)
        if(context.state.sum % 2){
            context.commit('JIA',value)
        }
    },
    jiaWait(context,value){
        console.log('count组件中调用了store中的actions中的jian');
        setTimeout(() => {
            context.commit('JIA',value)
        },500)
    }
}

//准备mutations,用于操作数据。(state)
const mutations = {
    JIA(state,value){
        state.sum += value
    },
    JIAN(state,value){
        state.sum -= value
    }
}

//准备state,用于存储数据
const state = {
    sum:0
}

//定义一个getters,来对state中的数据进行加工
const getters = {
    bigSum(state){
        return state.sum*10
    }
}


//创建并暴露store
export default new Vuex.Store({
    actions:actions,
    mutations:mutations,
    state:state,
    getters:getters
})